@charset "UTF-8";
@import url("/static/sp/area/css/area.css");

/*
*******************************************************************************************************
# ユーザーページスタイル（SP版）
*******************************************************************************************************
*/


/*****************
# Diversion parts
******************/

/*****************
# common parts
******************/
.box_head_user {
	padding: 15px 10px;
	line-height: 1.4;
}
.box_head_user .ttl_page {
	font-size: 16px;
	font-weight: bold;
	color: #0A3F94;
}
.box_head_user p {
	margin-top: 5px;
	font-weight: bold;
}
.box_head_user p span {
	font-weight: bold;
	color: #FB49AF;
}



/*****************
# recent
******************/
.recent .select_all {
	overflow: hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.recent .btn_group_wrap.position_bottom {
	padding: 10px 10px 0 10px;
}
.recent #contentFooter,
.conditions #contentFooter {
	border-top: 2px solid #d3d8e3;
	padding-top: 5px;
}
.recent #contentMain,
.study #contentMain {
	padding-bottom: 1px;
}
.recent #fixedSearchBtn .mod_box_area {
	text-align: center;
}
.recent #fixedSearchBtn a {
	width: 145px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 13px;
}
.recent #fixedSearchBtn .off a {
	border-color: #C6CAD1;
	background-color: #FFFFFF;
	color: #72819B;
}
.recent #fixedSearchBtn .off a:before {
	border-color: #FFFFFF;
}
.recent #fixedSearchBtn a:first-child {
	margin-right: 10px;
}


/*****************
# conditions
******************/
.conditions .box_head_user {
	background: url(/static/sp/user/images/bg_conditions_ttl_bear.png) no-repeat center bottom;
	background-size: 300px 98px;
	padding-bottom: 80px;
}
.conditions .sec_saved_article {
	/*border-top: 3px solid #0A3F94;
	margin-top: 20px;*/
	padding-top: 20px;
	border-bottom: 2px solid #d3d8e3;
	line-height: 1.4;
	background-color: #E6E8EC;
}
.conditions .sec_saved_article:first-child {
	/*margin-top: 0px;*/
	padding-top: 0px;
}
.conditions .saved_head {
	border-top: 3px solid #0A3F94;
	background-color: #EFF2F4;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 12px;
	position: relative;
	padding-left: 85px;
	border-bottom: 1px solid #DCE0E3;
}
.conditions .saved_head.icn_bear01 {
	background-image: url(/static/sp/user/images/icn_conditions_bear_01.png);
	background-repeat: no-repeat;
	background-position: 10px bottom;
	background-size: 58px 46px;
}
.conditions .saved_head.icn_bear02 {
	background-image: url(/static/sp/user/images/icn_conditions_bear_02.png);
	background-repeat: no-repeat;
	background-position: 10px bottom;
	background-size: 60px 46px;
}
.conditions .saved_head.icn_bear03 {
	background-image: url(/static/sp/user/images/icn_conditions_bear_03.png);
	background-repeat: no-repeat;
	background-position: 10px bottom;
	background-size: 59px 51px;
}
.conditions .saved_head .time_stamp {
	font-weight: bold;
	display: block;
}
.conditions .saved_head .btn_delete {
	width: 80px;
	position: absolute;
	top: 11px;
	right: 10px;
}
.conditions .saved_head .btn_delete .mod_btn_all {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 13px;
}
.conditions .saved_head .btn_delete .mod_btn_all::before {
	border-width: 5px;
}
.conditions .saved_cts {
	padding: 15px 10px 0px;
	background-color: #FFF;
	padding-bottom: 20px;
}
.conditions .saved_cts .app_num {
	font-weight: bold;
}
.conditions .saved_cts .app_num span {
	color: #FB49AE;
	font-size: 18px;
	margin-right: 5px;
	margin-left: 5px;
}
.conditions .saved_cts .icn_conditions {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	color: #FFF;
	background-color: #FB49AE;
	text-align: center;
	min-width: 55px;
	padding: 5px 10px;
	margin-top: 10px;
	display: inline-block;
}
.conditions .saved_cts .conditions_list {
	 padding-top: 3px;
}
.conditions .saved_cts .conditions_list li {
	margin-top: 5px;
	font-weight: bold;
	text-indent: -1em;
	padding-left: 1em;
}
.conditions .saved_cts .conditions_list li span {
	font-size: 12px;
}
.conditions .saved_cts .conditions_list li:before {
	content: "・"
}
.conditions .saved_cts .conditions_dtl {
	margin-top: 15px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #ECE2C8;
}
.conditions .saved_cts .conditions_dtl dt {
	font-size: 16px;
	font-weight: bold;
	background-color: #ECE2C8;
}
.conditions .saved_cts .conditions_dtl dt .ttl_inner {
	display: block;
	padding: 10px 20px 12px 13px;
}
.conditions .saved_cts .conditions_dtl dt .ttl_inner .icon {
	display: block;
	background: url(/static/sp/shared/images/icon/icn_expand_close.png) no-repeat right center;
	background-size: 16px 16px;
}
.conditions .saved_cts .conditions_dtl dt .ttl_inner.close .icon {
	display: block;
	background: url(/static/sp/shared/images/icon/icn_expand_open.png) no-repeat right center;
	background-size: 16px 16px;
}
.conditions .saved_cts .conditions_dtl dd {
	padding: 2px 13px;
}
.conditions .saved_cts .conditions_dtl table {
	width: 100%;
	font-size: 12px;
}
.conditions .saved_cts .conditions_dtl table th,
.conditions .saved_cts .conditions_dtl table td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #D3D8E3;
	vertical-align: top;
}
.conditions .saved_cts .conditions_dtl table tr:first-child th,
.conditions .saved_cts .conditions_dtl table tr:first-child td {
	border-top: none;
}
.conditions .saved_cts .conditions_dtl table th {
	text-align: center;
	width: 75px;
}
.conditions .saved_cts .conditions_dtl table th p {
	background-color: #EFF2F4;
	padding-top: 3px;
	padding-bottom: 3px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.conditions .saved_cts .conditions_dtl table td {
	padding-top: 13px;
	padding-left: 10px;
}
.conditions .saved_cts .btn_inq {
	text-align: center;
	margin-top: 15px;
}
.conditions .saved_cts .btn_inq li {
	display: inline-block;
	width: 145px;
}
.conditions .saved_cts .btn_inq li:first-child {
	margin-right: 5px;
}
.conditions .saved_cts .btn_inq li a {
	line-height: 1.2;
	padding-top: 10px;
	padding-bottom: 10px;
}
.conditions .saved_cts .btn_inq li a.mod_btn_all_pink {
	border: 2px solid #FB49AE;
}
.conditions .saved_cts .article_pickup {
	margin-top: 20px;
	border: 4px solid #EFF2F4;
	position: relative;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.conditions .saved_cts .article_pickup .article_head {
	display: table;
	padding: 15px 10px 10px;
	/*width: 100%;*/
}
.conditions .saved_cts .article_pickup .article_head .pic_room {
	display: table-cell;
	width: 98px;
	height: 98px;
	border: 1px solid #C4C4C4;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	vertical-align: middle;
}
.conditions .saved_cts .article_pickup .article_head .pic_room img {
	width: 94px;
}
.conditions .saved_cts .article_pickup .article_head .txt_supplement {
	display: table-cell;
	padding-left: 10px;
	/*padding-right: 20px;*/
}
.conditions .saved_cts .article_pickup .article_head .txt_supplement .type {
	display: inline-block;
	padding: 3px 12px;
	color: #ffffff;
	background: #013b96;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
}
.conditions .saved_cts .article_pickup .article_head .txt_supplement p {
	margin-top: 5px;
}
.conditions .saved_cts .article_pickup .article_head .txt_supplement .article_name {
	font-weight: bold;
}
.conditions .saved_cts .article_pickup .article_spec {
	border-top: 2px solid #EFF2F4;
	padding-right: 10px;
}
.conditions .saved_cts .article_pickup .article_spec a {
	color: #111;
	display: block;
	padding: 10px;
	background-image: url(/static/sp/shared/images/arr_link_blue.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 8px 14px;
}
.conditions .saved_cts .article_pickup .article_spec  span {
	font-weight: bold;
	color: #FB49AE;
}
.conditions .saved_cts .article_pickup .icn_pickup {
	position: absolute;
	left: -5px;
	top: -10px;
}



/*****************
# study
******************/
.study #contentHeader {
	background-color: #FEF3B4;
}
.study .box_head_user {
	background-size: 200px 110px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(/static/sp/user/images/bg_study_ttl_bear.png);
	background-repeat: no-repeat;
	background-position: right 10px;
	width: 340px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 359px) {
.study .box_head_user {
	width: 300px;
	margin-right: 10px;
	margin-left: 10px;
}
}
.study .box_head_user .pagenate_nav {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
.study .box_head_user p span {
	font-size: 20px;
}
.study .box_head_user .notice {
	font-size: 10px;
	font-weight: normal;
}
.study .box_head_user .pagenate_nav {
	margin: 0px auto;
	margin-top: 20px;
}
.sec_detail_otherroom .box_otherroom {
	position: relative;
}
.sec_detail_otherroom .box_otherroom .btn_trash {
	background: url(/static/sp/user/images/icn_btn_trash.png) no-repeat 0px 0px;
	background-size: 30px 30px;
	width: 30px;
	position: absolute;
	right: 10px;
	bottom: 15px;
}
.sec_detail_otherroom .box_otherroom .btn_trash a {
	display: block;
	height: 30px;
}
.sec_detail_otherroom .box_otherroom .btn_trash span {
	display: none;
}
.study .sec_detail_otherroom .link_inner {
	position: relative;
}
.study .sec_detail_otherroom .link_inner .txt_visited,
.study .sec_detail_otherroom .link_inner .txt_end {
	float: none;
	position: absolute;
	top: 10px;
	right: 10px;
}

.study #fixedSearchBtn a {
	width: 205px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
}
.study #fixedSearchBtn .off a {
	border-color: #C6CAD1;
	background-color: #FFFFFF;
	color: #C6CAD1;
}
.study #fixedSearchBtn .off a:before {
	border-color: #FFFFFF;
}
.study #contentFooter {
	padding-top: 1px;
	padding-bottom: 5px;
	border-top: 2px solid #d3d8e3;
	background: #FEF3B4;
}
.study #contentFooter .pagenate_nav {
	margin-bottom: 0px;
}
div#footerWrapper.study {
	background: #FEF3B4 !important;
}



/*****************
# none
******************/
.none #contentMain {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 20px;
	border-top: 3px solid #0A3F94;
}
.none #contentMain h2 {
	font-size: 18px;
	font-weight: bold;
}
.none #contentMain p {
	margin-top: 35px;
}

.none #contentMain ul {
	padding-top: 30px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
.none #contentMain ul li {
	margin-top: 10px;
}
.none #contentMain ul li a {
	padding-top: 15px;
	padding-bottom: 18px;
}
.none #contentMain .btn_area_search a {
	padding-left: 38px;
	background-image: url(/static/sp/shared/images/icon/icn_area.png);
	background-repeat: no-repeat;
	background-position: 58px 6px;
	background-size: 29px 30px;
}
.none #contentMain .btn_time_search a {
	padding-left: 23px;
	background-image: url(/static/sp/shared/images/icon/icn_btn_time.png);
	background-repeat: no-repeat;
	background-position: 42px 10px;
	background-size: 20px 28px;
}

.none.study .box_head_user {
	background: #FEF3B4 url();
}
.none.study #contentMain p {
	margin-top: 25px;
}
.none.study #contentMain ul {
	padding-top: 12px;
}

.none.conditions .box_head_user {
	background: url();
	padding-bottom: 15px;
}
.none.conditions .box_head_user p {
	font-weight: bold;
}
.none.conditions .box_head_user p span {
	color: #F535AF;
}
.none.conditions #contentMain p {
	margin-top: 18px;
}
.none.conditions #contentMain ul {
	padding-top: 15px;
}


/*****************
# modal
******************/
.mod_modal {
	width: 300px;
	box-shadow: 0 5px 0 rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	border-radius: 10px;
	background: #ffffff;
}
.mod_modal .box_inner {
	padding: 30px 25px;
}

.mod_modal .modal_close {
	background-color:rgba(0,0,0,0.0);
	padding: 0px;
	margin-top: 0px;
	border-bottom: none;
}
.mod_modal .modal_close .btn_inner {
	width: 45px;
	height: 45px;
	background: url(/static/sp/shared/images/icon/icn_modal_close.png) no-repeat left top;
	background-size: 45px 45px;
		-moz-background-size: 45px 45px;
		-webkit-background-size: 45px 45px;
}

.user .mod_modal ul li a {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
}
.study .mod_modal p,
.mod_modal.conditions_modal0 p {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}
.study .mod_modal ul,
.mod_modal.conditions_modal0 ul {
	margin-top: 15px;
}
.study .mod_modal ul li,
.mod_modal.conditions_modal0 ul li {
	display: inline-block;
	width: 115px;
}
.study .mod_modal ul li:first-child,
.mod_modal.conditions_modal0 ul li:first-child {
	margin-right: 13px;
}

.mod_modal.conditions_modal1 ul li {
	margin-top: 15px;
}
.mod_modal.conditions_modal1 ul li:first-child {
	margin-top: 0px;
}

.box_modal_delete {
	top: 50px;
}
.conditions_modal0,
.conditions_modal2 {
	top: 80px;
}


/* --------------------------
	* box_modal_studylist
* -------------------------- */
.box_modal_studylist {
	background: #f9d129 !important;
	border: 3px solid #000000;
	/*top: 55px !important;*/
}
.box_modal_studylist .box_inner {
	padding: 3px 5px 5px 5px !important;
}
.box_modal_studylist .ttl_modal {
	display: table;
	margin: 0 auto;
	padding: 12px 5px 8px 30px;
	font-size: 16px;
	font-weight: bold;
	background: url(/static/sp/user/images/icn_modal_studylist_add.png) no-repeat left center;
	background-size: 23px 21px;
		-moz-background-size: 23px 21px;
		-webkit-background-size: 23px 21px;
}
.box_modal_studylist dl {
	text-align: center;
}
.box_modal_studylist dl img {
	width: 267px;
}
.box_modal_studylist dl dt {
	padding: 3px 0;
	background: #ffffff;
	border-bottom: 1px solid #d8dade;
}
.box_modal_studylist dl dd {
	padding: 8px 0;
	background: #b9effe;
}